<?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package WordPress
 * @subpackage Bootstrapper
 * @since Bootstrapper 1.0
 */

/*
 * Add class to allow styling for toolbar.
 */
$html_class = ( is_admin_bar_showing() ) ? 'wp-toolbar' : '';

?><!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7 <?php echo $html_class; ?>" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8 <?php echo $html_class; ?>" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html class="<?php echo $html_class; ?>" <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title><?php wp_title( '|', true, 'right' ); ?></title>
	<link rel="profile" href="http://gmpg.org/xfn/11" />
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
	<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
	<![endif]-->
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<?php echo get_template_directory_uri(); ?>/img/favicon144.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?php echo get_template_directory_uri(); ?>/img/favicon114.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<?php echo get_template_directory_uri(); ?>/img/favicon72.png">
    <link rel="apple-touch-icon-precomposed" href="<?php echo get_template_directory_uri(); ?>/img/favicon57.png">
    <link rel="shortcut icon" type="image/png" href="<?php echo get_template_directory_uri(); ?>/img/favicon.png">
	<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>

    <header id="site-header" class="navbar navbar-inverse navbar-fixed-top" role="menubar">
        <?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
        <div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'wpbootstrap' ); ?>"><?php _e( 'Skip to content', 'wpbootstrap' ); ?></a></div>
        <div class="navbar-inner">
            <div class="container">
                <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="brand" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
					<h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
					<!--<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>-->
                </a>
                <div class="nav-collapse collapse">
                    <?php bootstrapper_nav( 'primary' ); ?>
                    <?php if ( !is_user_logged_in() ) : ?>
                        <form id="bootstrapper_login_form" name="bootstrapper_login_form" class="navbar-form pull-right form-inline">
                            <input name="log" class="span2" type="text" placeholder="Username" />
                            <input name="pwd" class="span2" type="password" placeholder="Password" />
                            <button id="bootstrapper_login" class="btn">Sign in</button>
                        </form>
                    <?php else : ?>
                        <ul id="userQuickMenu" class="nav pull-right">
                            <?php echo bootstrapper_user_quick_menu(); ?>
                        </ul>
                    <?php endif; ?>
                </div><!--/.nav-collapse -->
            </div><!--/.container -->
        </div><!--/.navbar-inner -->
    </header><!--/#site-header -->

    <div id="site-main" role="main"><!-- Sticky Footer: wrap all page content here -->
        <div id="push-site-header"></div><!-- Sticky Footer -->